<template>
  <div class="marital-status">
      {{ married  }} 
      :
      {{ married ? '已婚' : '未婚' }}
  </div>
</template>

<script>
export default {
    name: 'MaritalStatus' ,
    props: {
        married: Boolean
    }
}
</script>

<style>
.marital-status {
    margin: 15px ;
    border: 1px solid blue ;
}
</style>